Estoy empezando a usar mecanografiado con next.js
const Index: NextPage = (props) => { return (<p>{prop.data.name}</p>); } export default Index; export const getServerSideProps = async () => { const data = await fetch( `${server}/api` ).then((response) => response.json()); return { props: {data} }; };mi editor resalta la palabra data en {props.data.name} con este mensaje
Property 'data' does not exist on type '{ children?: ReactNode; }'.¿Cómo puedo definir un tipo de esto?
Debe definir un tipo y pasarlo al parámetro genérico de NextPage como se muestra a continuación
type PictureType = { category: string, createdAt: string, favourites: number, isHidden: boolean, title: string, updatedAt: string, url: string, user: string, } type ResponseDataType = { lastPictures: PictureType[], picturesByCat: PictureType[] } type PageProps = { data: ResponseDataType, } const Index: NextPage<PageProps> = (props) => { return (<p>{prop.data.name}</p>); } export default Index; export const getServerSideProps = async () => { const data = await fetch( `${server}/api` ).then((response) => response.json()); return { props: {data} }; };